<template>
  <div class="black_list">
    <!--黑榜-->
    <div class="list">
      <vueSeamlessScroll  :data="blackList" class="seamless-warp" :class-option="classOption">
        <ul class="item">
          <li v-for="item in blackList">
            <div class="text_list">{{item.desc}}获得{{item.integral}}积分</div>
          </li>
        </ul>
      </vueSeamlessScroll >
    </div>
    <!--未开发时候显示-->
    <!--<p v-if="blackList.length==0" style="font-size: 60px;color: #cccccc;position: absolute;left: 50%;top:50%;transform:translateY(-50);transform:translateX(-50%)">暂无数据...</p>-->
    <NoData v-if="flag"></NoData>
    <!--未开发时候显示-->

    <!--黑榜-->
  </div>
</template>

<script>
    import vueSeamlessScroll from 'vue-seamless-scroll'
    import NoData from '../../../components/nodata/NoData'
    export default {
        name: "RedList",
        data(){
          return{
            listData: [{
              'title': '小明 于2020-10-19到图书馆学习获得200积分',
            }, {
              'title': '小明 于2020-10-19到某某村民家帮忙获得100积分',
            }, {
              'title': '小明 于2020-10-19不赡养老人被举报扣取2000分',
            }, {
              'title': '小明 于2020-10-19到服务点兑换【玉米油】一壶扣取500分',
            }, {
              'title': '小明 于2020-10-19到服务点兑换【岳西翠兰】一盒扣取500分',
            }, {
              'title': '小明 于2020-10-19到服务点兑换【岳西翠兰】一盒扣取500分',
            }, {
              'title': '小明 于2020-10-19未参加扶贫济困扣取200分',
            }, {
              'title': '小明 于2020-10-19到图书馆学习获得200积分',
            }, {
              'title': '小明 于2020-10-19到图书馆学习获得200积分',
            }],//轮播测试数据
            classOption:{
              step: 0.5,
            },//轮播配置
            blackList:[],//黑榜轮播数据
            flag:false,


          }

        },
        components:{
          vueSeamlessScroll,
          NoData,
        },
        created(){
          this.$emit('childData',this.$route.query.childdata);
          this.getBlackList();
        },
        methods:{
          getBlackList(){
            this.$http.get("/api/ScreenkApi/getRedLitsMember?page=1&limit=10000",{vollege_id:this.$util.vollege_id},r=>{
              console.log("hong榜列表：",r.data);
              this.blackList=r.data;
              if (this.blackList.length==0) {
                this.flag=true;
              }

            })
          },//获得黑榜的数据
        }
    }
</script>

<style scoped>
  .black_list{
    height: 100%;
    width: 100%;
  }
  .list{
    width: 1324px;
    height: 628px;
    background: white;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow:2px 2px 10px #909090;
  }
  .text_list{
    text-align: left;
    font-size: 24px;
    color: black;
    /*height: 78px;*/
    padding-left: 30px;
    line-height: 78px;
    border-bottom: 2px solid #ececea;
  }
  .seamless-warp {
    background: white;
    height: 100%;
    overflow: hidden;
  }
</style>
